@border-line: rgba(0, 0, 0, 0.15);
@primary: #00b7e5;
@gray: #bbb;
@red: #c12e34;
@yellow: #e6b600;
@blue: #50c7eb;
@green: #2b821d;
@font-primary: #ffffff;
@font-regular: rgba(189, 189, 189, 0.8);
@font-second: rgba(189, 189, 189, 0.3);
@font-black: #303133;

// f2f7ff  0b409c 10316b ffe867
@bg: rgba(33, 33, 33, 0.9);
// chart中主题颜色
@color1: #3cd686;
@color2: #45f8f9;
@color3: #ff6900;

// 地图状态页面
@plan: #ffff66;
@progress: #00b7e5;
@completed: #2b821d;



@d-primary: rgb(0, 183, 229);
@d-white: #fafafa;

@font-face {
  font-family: "digifacewide";
  src: url(../assets/font/digifacewide.ttf);
}

// 边框四角线
.out-frame(@scolor: #ff0000, @ecolor: #ff0000, @width: 2px, @length: 20px) {
  background: linear-gradient(to left, @scolor, @ecolor) left top no-repeat,
    linear-gradient(to bottom, @scolor, @ecolor) left top no-repeat,
    linear-gradient(to left, @scolor, @ecolor) right top no-repeat,
    linear-gradient(to bottom, @scolor, @ecolor) right top no-repeat,
    linear-gradient(to left, @scolor, @ecolor) left bottom no-repeat,
    linear-gradient(to bottom, @scolor, @ecolor) left bottom no-repeat,
    linear-gradient(to left, @scolor, @ecolor) right bottom no-repeat,
    linear-gradient(to left, @scolor, @ecolor) right bottom no-repeat;
  background-size: @width @length, @length @width, @width @length,
    @length @width;
}
